Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Microsoft Power BI PL-300 Full Course | Master Data Analytics & Certif

microsoft
Microsoft

"🔥Microsoft Azure & AWS - Cloud Architec...

  2026/11/05

Business Analyst Full Course 2027 | Learn Business Analysis from Scrat

🔥Microsoft Azure - AI-Powered Business A...

  2026/11/05

How AI Will Transform 9-to-5 Jobs in 2027 | How AI Is Changing the Fut

"🔥Microsoft AI Engineer Program - 🔥IIT ...

  2026/11/05

Measuring the Earth with a Stick

You can do this whole thing on a calcula...

  2026/11/05

Digital Marketing Full Course 2026 | Learn SEO, Google Ads & Digital M

Google
Marketing

🔥SP Jain - AI-Powered Digital Marketing ...

  2026/11/05

PyScript Got Ghosted by the Hype Train

python

Download your free Python Cheat Sheet he...

  2026/11/04

3.15's New Stable ABI: One Wheel for Every Version

python

Download your free Python Cheat Sheet he...

  2026/11/04

What Starting Your First DevOps Job Actually Feels Like 😅

Devops

Ever wondered what it's really like on d...

  2026/11/04

Your Best Friend is Useless

The person most likely to help you get y...

  2026/11/04

Open Source Security Needs a Smoother On-Ramp

python
Security

Download your free Python Cheat Sheet he...

  2026/11/03

Modern Web Guidance in your AI workflow: Global holidays

Simplify working with dates and lunisola...

  2026/11/03

October 2026: CLI, SDKs, Firebase in AI Studio, migration from Firebas

firebase

Get the top updates from Firebase for Oc...

  2026/11/03

Sealed classes (Technique of the Week)

Sealed documentation → Branches documen...

  2026/11/03